<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:text="${itemDTO.itemName} + ' - 大麦网'">2018-2019赛季 北京首钢VS辽宁本钢【网上订票】- 凯迪拉克中心 – 大麦网</title>
    <link rel="shortcut icon" href="../static/damai/image/label.ico" th:href="@{/damai/image/label.ico}" type="image/x-icon">
    <link rel="stylesheet" href="../static/damai/css/detail.css" th:href="@{/damai/css/detail.css}">
</head>
<body>

<!--页面头部start-->
<div class="g-hd" style="position:static;">
    <div class="g-hdc">
        <!-- logo start -->
        <h1 class="m-logo"><a href="/templates/index.html" th:href="@{/}" title="大麦网">大麦</a></h1>
        <!-- logo end -->

        <!-- 城市切换 start -->
        <!--<div class="m-citys">-->
            <!--<span class="tt">北京站</span>-->
        <!--</div>-->
        <!-- 城市切换 end -->


        <!-- 顶部栏 start -->
        <ul class="m-topbar">
            <li class="itm first">
                <!-- 搜索 start -->
                <div class="m-sch">
                    <input type="text" class="ipt" id="txtSearchText" placeholder="请输入演出、赛事、艺人、场馆名称..."
                           autocomplete="off">
                    <a class="btn" href="javascript:void(0)" id="btnSearch">搜索</a>
                    <div class="m-suggest" id="rlist_txtSearchText">
                    </div>
                </div>
                <!-- 搜索 end -->
            </li>
            <li class="itm" id="userBoxLi">
                <!-- 用户登录 start -->
                <div class="m-sign m-sign-log" id="userBox">
                    <label id="userLoginInfo">
                        <a class="user" href="javascript:;">
                            <img src="../static/damai/image/detail/user.png" th:src="@{/damai/image/detail/user.png}"
                                 style="display: block;"></a>
                        <span th:if="${session.user eq null}" class="sign">
                            <a href="../templates/login.html" th:href="@{/user/to/login}">登录</a> |
                            <a href="../templates/register.html" th:href="@{/user/to/register}">注册</a>
                        </span>
                        <a th:if="${session.user ne null}" class="name j_userName" href="javascript:void(0)" target="_blank" th:text="${session.user.nickName}"> 星语o</a>
                    </label>
                    <div class="menu" id="myMenu" style="display:none;">
                        <!--<a href="javascript:void(0)" target="_blank" class="first">个人信息</a>-->
                        <a href="../templates/user/order.html" th:href="@{/order/orderList}" class="li-login">订单管理</a>
                        <!--<a href="javascript:void(0)" target="_blank">我的优惠券</a>-->
                        <a href="javascript:void(0)" th:href="@{/user/logout}" class="li-login out-login show">退出登录</a>
                    </div>
                </div>
                <!-- 用户登录 end -->
            </li>
        </ul>
        <!-- 顶部栏 end -->
    </div>
</div>
<!--页面头部end-->

<!--详情主体start-->
<div class="g-bd" style="background-position: center 50px;">
    <div class="g-bdc">
        <div class="g-mn">

            <!-- 活动转态信息start -->
            <div class="m-box m-box-col2 m-box-goods" id="projectInfo">
                <div class="hd">
                    <!-- 标题 start -->
                    <p class="m-crm">
                        <strong th:text="${itemDTO.itemName}">2018-2019赛季 北京首钢VS辽宁本钢</strong>
                    </p>
                    <!-- 标题 end -->
                </div>

                <div class="mn">
                    <!-- 海报 start -->
                    <div class="m-poster">
                        <!-- 活动图 start -->
                        <div class="m-picbox">
                            <img title="2018-2019赛季 北京首钢VS辽宁本钢" alt="2018-2019赛季 北京首钢VS辽宁本钢" width="277" height="373"
                                 src="../static/damai/image/detail/172100_n.jpg" th:if="${itemDTO.image ne null}" th:src="@{${itemDTO.image.imgUrl}}"
                                 style="display: block;">

                        </div>
                        <!-- 活动图 end -->

                        <!-- 分享 start -->
                        <!--<div class="m-share">-->
                            <!--<span class="txt">分享到：</span>-->
                            <!--<div class="jiathis_style">-->
                                <!--<a href="javascript:void(0)"-->
                                   <!--class="jiathis_button_tsina" title="分享到微博" target="_blank"-->
                                   <!--data-spm-click="gostr=/damai_pc.default.click;localid=share_0;dclicktitle=微博&amp;ditem_id=172100"><span-->
                                        <!--class="jiathis_txt jtico jtico_tsina"></span></a>-->
                                <!--<a class="jiathis_button_weixin" title="分享到微信"-->
                                   <!--data-spm-click="gostr=/damai_pc.default.click;localid=share_1;dclicktitle=微信&amp;ditem_id=172100"><span-->
                                        <!--class="jiathis_txt jtico jtico_weixin"></span></a>-->
                                <!--<a href="javascript:void(0)"-->
                                   <!--class="jiathis_button_qzone" title="分享到QQ空间" target="_blank"-->
                                   <!--data-spm-click="gostr=/damai_pc.default.click;localid=share_2;dclicktitle=QQ空间&amp;ditem_id=172100"><span-->
                                        <!--class="jiathis_txt jtico jtico_qzone"></span></a>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!-- 分享 end -->

                    </div>
                    <!-- 海报 end -->

                    <!-- 选购区域 start -->
                    <div class="m-goods">
                        <h2 class="tt" data-spm="click">
                            <span class="txt" th:text="${itemDTO.itemName}">2018-2019赛季 北京首钢VS辽宁本钢</span>
                        </h2>
                        <h3 class="stt">
                            <span class="quotl"></span>
                            <span class="txt" th:text="${itemDTO.abstractMessage}">北京首钢VS辽宁本钢</span>
                            <span class="quotr"></span>
                        </h3>
                        <!-- 时间轴 begin -->
                        <div class="m-timeline m-timeline-3" id="projectAxis">
                            <div class="wrap">
                                <div class="box">
                                    <div class="bar">
                                        <div class="line" style="width:290px"></div>
                                    </div>
                                    <div class="itm itm-1 " style="width:145px"><h3 class="txt">项目待定</h3>
                                        <div class="ico"></div>
                                        <p class="date"></p>
                                    </div>
                                    <div class="itm itm-2 " style="width:145px"><h3 class="txt">预售/预订</h3>
                                        <div class="ico"></div>
                                        <p class="date"></p>
                                    </div>
                                    <div class="itm itm-3 itm-crt" style="width:145px"><h3 class="txt">售票中</h3>
                                        <div class="ico"></div>
                                        <p class="date"></p>
                                    </div>
                                    <div class="itm itm-4 " style="width:145px"><h3 class="txt">活动开始</h3>
                                        <div class="ico"></div>
                                        <p class="date"></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 时间轴 end -->

                        <!-- 产品模块 start -->
                        <div class="m-product m-product-2 -m-product-1 j_goodsDetails">
                            <!--<div class="m-goodstips m-goodstips-2" id="projectStatusDescn">-->
                                <!--<div class="hd">-->
                                    <!--<i class="ico"></i>-->
                                    <!--<span class="txt txt-status" data-status="售票中">-->
						<!--售票中						</span>-->
                                <!--</div>-->
                                <!--<div class="bd">-->
                                    <!--<div class="tips">-->
                                        <!--<div class="box" style=""><p class="itm">-->
                                            <!--本场演出将于【12月21日 14:00】选座开票，请您提前下载大麦App，感谢您的支持！-->
                                        <!--</p></div>-->
                                        <!--<div class="ops"><span class="btnsel"></span></div>-->
                                    <!--</div>-->
                                <!--</div>-->

                            <!--</div>-->


                            <!-- 促销信息模块 start -->
                            <div class="" id="yhcx" data-row="4" data-col="1"></div>
                            <div class="m-load z-hide" id="getInfoFail"><p class="txt"><i></i>加载失败</p></div>
                            <!-- 促销信息模块 end -->
                            <!-- 选择日历模块 start -->
                            <div class="m-choose m-choose-picker" style="display:none" data-row="3" data-col="4">
                                <h3 class="tt" style="padding-top: 6px;">选择时间：</h3>
                                <div class="ct">
                                    <div class="m-datepicker">
                                        <div class="weekbox">
                                            <div class="box"></div>
                                        </div>
                                        <div class="datebox">
                                            <div class="box"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- 选择日历模块 end -->
                            <!-- 选择日期模块 start -->
                            <div class="m-choose m-choose-date  " id="performList" data-col="4" data-spm="clicktime">
                                <h3 class="tt">
                                    活动时间：</h3>
                                <div class="ct">
                                    <ul class="lst">
                                        <!--<li class="itm " id="firstperform">-->
                                            <!--<a href="javascript:;">2019-01-01周二19:35北京首钢vs辽宁本钢</a>-->
                                        <!--</li>-->
                                        <!--<li class="itm ">-->
                                            <!--<a href="javascript:;">北京首钢vs辽宁本钢（客队球迷区）</a>-->
                                        <!--</li>-->
                                        <li class="itm" th:if="${itemDTO.schedulers ne null}" th:each="obj:${itemDTO.schedulers}" th:attr="data-schedulers-id=${obj.id}">
                                            <a href="javascript:;" th:text="${#dates.format(obj.startTime,'yyyy-MM-dd HH:mm')}">2019-01-01周二19:35北京首钢vs辽宁本钢</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- 选择日期模块 end -->

                            <!-- 选择票价模块 start -->
                            <div class="m-choose m-choose-price " id="priceList" data-col="4" data-spm="clickprice"
                                 data-performid="9127195">
                                <h3 class="tt">选择票价：</h3>
                                <div class="ct">
                                    <ul class="lst">
                                        <li class="itm" th:if="${itemDTO.schedulerSeatPrices ne null and (itemDTO.state != 1 and itemDTO.state != 4)}" th:each="obj:${itemDTO.schedulerSeatPrices}">
                                            <a href="javascript:;">
                                                <span class="price" th:text="${obj.price}+'元'">看台60元</span>
                                            </a>
                                        </li>

                                        <!--<li class="itm itm-oos" data-priceid="12629017" data-pricename="看台60元" data-price="60" data-taopiao="false" data-maxnum="20" data-status="1"><a href="javascript:;" data-spm-click="gostr=/damai_pc.default.click;localid=item_0;dclicktitle=看台60元&amp;ditem_id=172100"><span class="price">看台60元</span></a></li>-->
                                        <!--<li class="itm" data-priceid="12629016" data-pricename="看台100元" data-price="100" data-taopiao="false" data-maxnum="20" data-status="1"><a href="javascript:;" data-spm-click="gostr=/damai_pc.default.click;localid=item_1;dclicktitle=看台100元&amp;ditem_id=172100"><span class="price">看台100元</span></a></li>-->
                                    </ul>
                                    <div class="tips-warn z-hide" id="warnXiangou"><span class="txt"></span></div>
                                    <div class="tips tips-oos"><span class="ico"></span><span
                                            class="txt">暂时无货，登录试试运气~</span></div>
                                </div>
                            </div>
                            <!-- 选择票价模块 end -->

                            <!-- 购物车模块 start -->
                            <div class="m-cart  " id="cartList" style="" data-spm="click">
                                <h3 class="tt" style="display:none;">您选择了：</h3>
                                <div class="ct" style="display:none;">
                                    <ul class="lst"></ul>
                                </div>

                                <div class="ops" th:if="${itemDTO.state != 1 and itemDTO.state != 4}">
                                    <a href="javascript:;" class="u-btn u-btn-c1 u-btn-choose" id="btnXuanzuo" style="">确认购票</a>
                                </div>

                            </div>
                            <!-- 购物车模块 end -->


                            <!--<div class="m-qrcode">&lt;!&ndash; 大麦网客户端二维码 &ndash;&gt;-->
                                <!--<h3 class="tt"><span id="ErWeiMaTips">手机扫一扫<br>下单更快捷</span></h3>-->
                                <!--<p class="ct"><img original="../static/damai/image/detail/172100.jpg" alt="大麦网客户端"-->
                                                   <!--width="109" height="108"-->
                                                   <!--src="../static/damai/image/detail/172100.jpg"-->
                                                   <!--style="display: block;"></p>-->
                            <!--</div>-->
                            <!--<div class="m_heighlight_tip"></div>-->
                        </div>
                        <!-- 产品模块 end -->
                    </div>
                    <!-- 选购区域 end -->
                </div>

                <!-- 侧栏 start -->
                <div class="sd">
                    <!-- 票务总代 start -->
                    <div class="m-agent">
                        <div class="tt">
                            <img alt="票务总代" src="../static/damai/image/detail/m-agent-logo.png"
                                 th:src="@{/damai/image/detail/m-agent-logo.png}" style="display: inline;">
                        </div>
                        <div class="ct">
                            <a class="itm" target="_blank">本项目由大麦网总代理</a>
                            <a class="itm" target="_blank">MAITIX独家票务系统支持</a>
                        </div>
                    </div>
                    <!-- 票务总代 end -->

                    <!--<div class="m-certification-box">-->
                        <!--<a href="javascript:;" id="m-certification-a" class="m-certification">此项目需要身份证实名购票</a>-->
                        <!--<div id="m-certification-b" class="m-certification-tt" style="display: none;">-->
                            <!--<span class="arrow_top"></span>-->
                            <!--<p>实名制购票</p>-->
                        <!--</div>-->
                    <!--</div>-->

                    <!--<div class="m-sdbox m-showtime">-->

                        <!--<h2 class="tt">活动时间</h2>-->
                        <!--<div class="ct">-->
                            <!--<span class="txt">2019.01.01</span>-->
                            <!--<a href="javascript:;" class="u-btn u-btn-cal" id="rili"-->
                               <!--onclick="showcalendar(event, this); return false;" onfocus="showcalendar(event, this);"-->
                               <!--data-value="2019.01.01"><i>日历</i></a>-->
                        <!--</div>-->

                    <!--</div>-->


                    <!-- 演出场馆 strat -->
                    <div class="m-sdbox m-venue">
                        <h2 class="tt">活动场馆</h2>
                        <div class="ct">
                            <p class="txt" th:text="${itemDTO.cinema.address}"> 凯迪拉克中心 </p>
                            <!--<a href="../static/damai/image/detail/172100_seat_damaiwater.jpg"-->
                               <!--class="u-btn u-btn-seatmap" id="btnSeatPic"><i></i>查看座位图</a>-->
                        </div>
                    </div>
                    <!-- 演出场馆 end -->

                    <!-- 票品支持 start -->
                    <!--<div class="m-sdbox m-support">-->
                        <!--<h2 class="tt">票品支持</h2>-->
                        <!--<div class="ct">-->
                            <!--<ul class="m-mantab">-->
                                <!--<li class="itm"><a href="javascript:;" class="u-btn u-btn-choose"><i></i>选座</a>-->
                                    <!--<div class="layer">-->
                                        <!--<div class="hd"><a href="javascript:;" class="btn-close">关闭</a></div>-->
                                        <!--<div class="bd">-->
                                            <!--<p>本项目支持自助选座。</p>-->
                                            <!--<p>1. 选择比赛时间，并点击"选座购买"进入选座页面。</p>-->
                                            <!--<p>2. 选座后，在15分钟内支付成功，选座生效。</p>-->
                                        <!--</div>-->
                                        <!--<div class="ft">-->
                                            <!--<a href="javascript:;" class="btn btn-close">关闭</a>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</li>-->
                                <!--<li class="itm"><a href="javascript:;" class="u-btn u-btn-super"><i></i>超级票</a>-->
                                    <!--<div class="layer">-->
                                        <!--<div class="hd"><a href="javascript:;" class="btn-close">关闭</a></div>-->
                                        <!--<div class="bd">-->
                                            <!--<p>1.本项目支持使用【电子钱包-超级票账户】消费，支付时优先扣减超级票余额。</p>-->
                                            <!--<p>2.超级票成功充值电子钱包后，享受全网通兑、分次消费、无有效期限制、无使用张数限制、秒杀、抢票等服务。</p>-->
                                        <!--</div>-->
                                        <!--<div class="ft">-->
                                            <!--<a href="javascript:;" class="btn btn-close">关闭</a>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</li>-->
                                <!--<li class="itm"><a href="javascript:;" class="u-btn u-btn-wallet"><i></i>电子钱包</a>-->
                                    <!--<div class="layer">-->
                                        <!--<div class="hd"><a href="javascript:;" class="btn-close">关闭</a></div>-->
                                        <!--<div class="bd">-->
                                            <!--<p>本项目支持电子钱包。</p>-->
                                            <!--<p>1. 电子钱包是由大麦网自主研发的第三方支付平台</p>-->
                                            <!--<p>2. 为每一个用户在购票过程中提供"简单、安全、快速"的在线支付解决方案</p>-->
                                        <!--</div>-->
                                        <!--<div class="ft">-->
                                            <!--<a href="javascript:;" class="btn btn-close">关闭</a>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</li>-->

                                <!--<li class="itm"><a href="javascript:;" class="u-btn u-btn-etkt"><i></i>电子票</a>-->
                                    <!--<div class="layer">-->
                                        <!--<div class="hd"><a href="javascript:;" class="btn-close">关闭</a></div>-->
                                        <!--<div class="bd">-->
                                            <!--<p>本项目支持身份证电子票</p>-->
                                        <!--</div>-->
                                        <!--<div class="ft">-->
                                            <!--<a href="javascript:;" class="btn btn-close">关闭</a>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</li>-->
                                <!--<li class="itm"><a href="javascript:;" class="u-btn u-btn-credit"><i></i>返积分</a>-->
                                    <!--<div class="layer">-->
                                        <!--<div class="hd"><a href="javascript:;" class="btn-close">关闭</a></div>-->
                                        <!--<div class="bd">-->
                                            <!--<p>【会员多倍积分】 大麦会员按不同等级可分别获得消费金额×50%到100%比例的积分返还</p>-->
                                            <!--<p>您可以在积分商城兑换明星周边、演出票品、优惠卡券等商品，也可以参与抽奖活动，赢取幸运大礼。</p>-->
                                        <!--</div>-->
                                        <!--<div class="ft">-->
                                            <!--<a href="javascript:;" class="btn btn-close">关闭</a>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</li>-->
                                <!--<li class="itm"><a href="javascript:;" class="u-btn u-btn-express"><i></i>快递</a></li>-->
                            <!--</ul>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!-- 票品支持 end -->

                    <!-- 实票配送 start -->
                    <!--<div class="m-sdbox m-entity" id="freight">-->
                        <!--<h2 class="tt"> 实票配送</h2>-->
                        <!--<div class="ct">-->
                            <!--<div class="u-sel u-sel-c1 u-sel-entity">-->
                                <!--<div class="hd">-->
                                    <!--<span class="txt">北京</span>-->
                                    <!--<span class="ico"></span>-->
                                <!--</div>-->
                                <!--<div class="menu">-->
                                    <!--<ul class="lst">-->
                                        <!--<li class="itm first">河北、天津 12元，发货后1-3天到达</li>-->
                                        <!--<li class="itm ">澳门、香港、台湾 40元，发货后1-5天到达</li>-->
                                        <!--<li class="itm ">其它地区 18元，发货后1-3天到达</li>-->
                                    <!--</ul>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<p class="tips">同城10元，发货后1-3天到达</p>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!-- 实票配送 end -->

                </div>
                <!-- 侧栏 end -->

            </div>
            <!--活动转态信息end -->

            <!-- 活动详情 start -->
            <div class="m-box m-box-col2">
                <div class="mn">
                    <!-- 项目详情 start -->
                    <div class="m-detail">
                        <!-- 项目详情选项卡 start -->
                        <div class="m-infonav" id="m-infonav">
                            <div class="hd">
                                <div class="nav">
                                    <ul class="tab">
                                        <li><a data-href="#m-infonav" href="javascript:;"
                                               class="itm itm-tab first z-crt" id="tabProjectDescn" data-show="1,2"
                                               data-idx="0"><i></i><span class="txt">活动信息</span></a></li>
                                        <li><a data-href="#m-infonav" href="javascript:;" class="itm itm-tab"
                                               data-idx="3"><i></i><span class="txt">购买说明</span></a></li>
                                        <li><a data-href="#m-infonav" href="javascript:;" class="itm itm-tab"
                                               data-idx="4"><i></i><span class="txt">付款方式</span></a></li>
                                    </ul>

                                    <div class="buy" id="buyButtonC" style="">
                                        <a href="javascript:;" class="u-btn u-btn-buy " id="btnXuanzuo2"><i
                                                class="ico"></i><span class="txt">选座购买</span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="bd" id="item-content">
                                <div class="itm-tab z-show" rel="0">
                                    <!-- 演出信息 start -->
                                    <div class="m-infobase m-liveinfo">
                                        <dl class="infoitm">
                                            <dt class="tt">
                                                <span class="txt">基本信息</span></dt>
                                            <dd class="ct" id="basicDescription" th:utext="${itemDTO.basicDescription}">
                                                <div class="table-info">
                                                    <table class="m-table2">
                                                        <tbody>
                                                        <tr>
                                                            <td width="90" class="bg">比赛时间</td>
                                                            <td>2019.01.01</td>
                                                            <td width="90" class="bg">比赛场馆</td>
                                                            <td width="200">凯迪拉克中心</td>
                                                        </tr>
                                                        <tr></tr>
                                                        <tr>
                                                            <td width="90" class="bg">入场时间</td>
                                                            <td width="200">比赛前约120分钟</td>
                                                            <td class="bg">限购</td>
                                                            <td>每个账号最多购买4张</td>
                                                        </tr>
                                                        <tr></tr>
                                                        <tr></tr>
                                                        <tr>
                                                            <td class="bg">儿童入场提示</td>
                                                            <td>儿童凭票入场</td>
                                                            <td class="bg">禁止携带物品</td>
                                                            <td>食品、饮料、相机、充电宝、打火机等。</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="bg">付款时效提醒</td>
                                                            <td>
                                                                购票下单成功后需在15分钟内完成支付，未支付成功的订单，将在下单15分钟后系统自动取消，所选价位将自动释放后重新点亮，大家可及时刷新购票页面进行购买。
                                                            </td>
                                                            <td class="bg">缺货登记提醒</td>
                                                            <td>所需票价若为灰色，说明已经售完。您可以在当前页面进行缺货登记，后期如果有票会以短信形式及时通知。</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="bg">发票说明</td>
                                                            <td>如需发票，请您在演出开始前通过订单页补开，发票将在演出结束后1个月左右，统一由开具方提供</td>
                                                            <td class="bg">实名制</td>
                                                            <td>购买时您需要输入购票人身份证信息，每张门票对应一个证件号</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="bg">座位类型</td>
                                                            <td>请按门票对应位置，有序对号入座</td>
                                                            <td class="bg">物品寄存</td>
                                                            <td>无寄存处，请自行保管携带物品</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="bg">退换政策</td>
                                                            <td>票品不支持退换。如无法正常观看，还请自行处理，给您带来不便敬请谅解</td>

                                                            <td class="bg"></td>
                                                            <td></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </dd>
                                        </dl>


                                        <dl class="infoitm">
                                            <dt class="tt"><span class="txt">项目介绍</span></dt>
                                            <dd class="ct" id="projectDescription" th:utext="${itemDTO.projectDescription}">
                                                <div class="pre">
                                                    <p style="text-align:center;">
                                                    <br>
                                                </p>
                                                    <h4>
                                                        票区图
                                                    </h4>
                                                    <p style="text-align:center;">
                                                        <img width="600" height="465" alt=""
                                                             src="../static/damai/image/detail/81ef0449-f9bd-40ec-bd53-2ccf7b32c245.jpg"
                                                             style="display: inline;">
                                                    </p>
                                                    <h4>
                                                        入场指南
                                                    </h4>
                                                    <div style="text-align:center;">
                                                        <img width="550" height="1375" alt=""
                                                             src="../static/damai/image/detail/58d326b6-50cf-4a5d-ae97-66d0104a9e67.jpg"
                                                             style="display: inline;">
                                                    </div>
                                                    <p>
                                                        <br>
                                                    </p>
                                                    <h4>
                                                        比赛介绍
                                                    </h4>
                                                    <p>
                                                        上赛季顺利完成重建晋级季后赛的预期目标后，北京队新赛季将朝着四强的目标迈进。今年夏天，北京队没有新疆队和广东队在引援上的大动干戈，但保留原班人马的他们，仍然会是一支不可忽视的力量。<br>
                                                        夏季动态：保留原班人马，队长吉喆因伤缺席本赛季
                                                    </p>
                                                    <div style="text-align:center;">
                                                        <img width="554" height="364" alt=""
                                                             src="../static/damai/image/detail/0b88c55b-db12-4fc4-bfec-fea48a7754ef.jpg"
                                                             style="display: inline;">
                                                    </div>
                                                    <span>北京队今年夏天的引援基本没有动作，保留原班人马却让北京队保留了核心竞争力和化学反应，避免了因阵容更迭带来的磨合和适应。令人遗憾的是，队长吉喆因为伤病严重赴美治疗，无缘新赛季的争夺，但选秀摘牌得到的前国青队前锋赵晏满身体素质和对抗出色，可以和混血中锋丘天一起填补空缺。</span><br>
                                                    <br>
                                                    <span>球队核心：方硕亚运会决赛证明自己，翟晓川伤势好转</span><br>
                                                    <div style="text-align:center;">
                                                        <img width="554" height="349" alt=""
                                                             src="../static/damai/image/detail/e1577b95-e449-4196-9948-4f1b5cacd928.jpg"
                                                             style="display: inline;">
                                                    </div>
                                                    <span>在老将们的羽翼下成长了几个赛季后，方硕在上赛季成为了北京首钢的后场担当和本土核心，这个大器晚成的后卫终于打出了真正的实力。上赛季，方硕场均得到15.4分、贡献4.8次助攻，在多场比赛的关键时刻都表现出大心脏，并且以北区先发后卫的身份进入了CBA全明星赛。季后赛帮助北京首钢10进8淘汰上海队后，方硕又在季后赛首轮对抗辽宁队后卫郭艾伦和赵继伟时不落下风，场均得到18分3.8次助攻，给辽宁队造成很大威胁。今年夏天到男篮红队，方硕以球队队长的身份随队首次参加亚运会，在经历了前几场的低迷后，方硕在亚运决赛爆发，得到16分8次助攻，帮助中国男篮时隔8年重夺亚运金 牌，方硕也真正证明了自己。</span><br>
                                                    <div style="text-align:center;">
                                                        <img width="554" height="358" alt=""
                                                             src="../static/damai/image/detail/4fa2534e-f927-4787-9cc5-febc18010124.jpg"
                                                             style="display: inline;">
                                                    </div>
                                                    <span>北京首钢另外一名本土核心翟晓川最近几个赛季一直与伤病作斗争，上赛季拿到场均16.9的得分，6.3个篮板的数据。上赛季季后赛，凭借顽强的意志和强烈的求战欲，翟晓川主动请缨带伤征战为球队效力。今年夏天，翟晓川因伤缺席了男篮红队的比赛和训练，所幸得到了宝贵的休息康复时间，经过在美国的治疗让他的伤势相比上赛季有所好转，这对北京首钢是极为重要。</span><br>
                                                    <br>
                                                    <span>特别关注：小外援从火箭队升级归来，刘晓宇手术根治伤病</span><br>
                                                    <div style="text-align:center;">
                                                        <img width="554" height="364" alt=""
                                                             src="../static/damai/image/detail/6dac1278-c93b-41da-bd82-d56c2cb73b72.jpg"
                                                             style="display: inline;">
                                                    </div>
                                                    <span>艾伦-杰克逊上赛季加盟北京首钢起初曾备受质疑，但随着赛季的深入，这个无私又有大心脏的小外援用愈发稳定的表现获得了一致认可。赛季结束后，杰克逊加盟火箭队，虽然在火箭队机会不多，但杰克逊却在和哈登、保罗的共事中偷师了"登炮组合"的各种绝技，哈登的后撤步和保罗的三分都让杰克逊印象深刻。今年夏天，杰克逊增重了8斤，从技术到身体都变得更强。</span><br>
                                                    <div style="text-align:center;">
                                                        <img width="554" height="390" alt=""
                                                             src="../static/damai/image/detail/c24c489c-4e96-47a1-98cb-386977306502.jpg"
                                                             style="display: inline;">
                                                    </div>
                                                    <span>上赛季加盟的大外援汉密尔顿同样经历了从被质疑到被认可的过程，九月初就在美国与首钢男篮汇合，参加球队的训练和比赛，多场季前赛的表现展示了大汉的良好状态。</span><br>
                                                    <div style="text-align:center;">
                                                        <img width="554" height="402" alt=""
                                                             src="../static/damai/image/detail/57620e3d-07aa-4579-bdf7-d96820b2532b.jpg"
                                                             style="display: inline;">
                                                    </div>
                                                    <span>上赛季加盟北京首钢的国手后卫刘晓宇，因为伤病迟迟未能登场，上场机会不多，受到伤病困扰的他同样遭到质疑。今年夏天，刘晓宇早早赴美手术开始训练，彻底根治了困扰自己的脚踝伤势，力争以更好的状态来迎接新赛季。</span><br>
                                                    <br>
                                                    <span>阵容分析：全民皆兵，板凳有深度</span><br>
                                                    <div style="text-align:center;">
                                                        <img width="554" height="369" alt=""
                                                             src="../static/damai/image/detail/b835ddfc-3b32-4e52-b845-38e2acc60d94.jpg"
                                                             style="display: inline;">
                                                    </div>
                                                    <span>北京首钢虽然没有名气特别大的球星，但却是一支火力点十分平均、人人都能站出来的球队。除了两名外援，翟晓川、方硕都是国手球员，王骁辉在今夏入选男篮红队的集训名单，他的防守和三分对北京首钢非常关键。替补阵容上，常林去年和今年分别进入男篮红队和蓝队，丘天曾是国奥队的主力球员，朱彦西也是国手级别的内线，段江鹏曾是国家队集训的常客，刘晓宇则是国手，这样的阵容让北京首钢具备了很强的板凳深度，在赛程拉长后更能发挥出球队打球人多的轮换优势。</span><br>
                                                    <br>
                                                    <span>战绩预测：锁定季后赛，或可冲击四强</span><br>
                                                    <div style="text-align:center;">
                                                        <img width="554" height="374" alt=""
                                                             src="../static/damai/image/detail/3e08ddd2-ac80-4e2d-897b-e0c45cff4a26.jpg"
                                                             style="display: inline;">
                                                    </div>
                                                    <span>上赛季开始重建的北京首钢男篮在被广泛看衰的情况下依旧打进了季后赛，而且还是在缺兵少将、核心球员遭遇很多伤病后。新赛季，季后赛球队增加到12支，如果能保持核心竞争力，延续上赛季的状态，北京首钢完全有能力去冲击强队，争取实现更高的目标，虽然看起来纸面阵容实力不如辽宁队、新疆队、广东队、广厦队甚至是丁彦雨航不确定回归的山东队，但就像上赛季冲击辽宁队时那样，北京首钢同样可以在不被看好的情况下爆发出强悍的战斗力。</span>
                                                    <div>
                                                        <span>
                                                            <br>
                                                        </span>
                                                    </div>
                                                </div>
                                            </dd>
                                        </dl>

                                        <dl class="infoitm">
                                            <dt class="tt"><span class="txt">温馨提示</span></dt>
                                            <dd class="ct" id="reminderDescription" th:utext="${itemDTO.reminderDescription}">
                                                <div class="table-info">
                                                    <table class="m-table2">
                                                        <tbody>
                                                        <tr>
                                                            <td class="bg">发票说明</td>
                                                            <td>如需发票，请您在演出开始前通过订单页补开，发票将在演出结束后1个月左右，统一由开具方提供</td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </dd>
                                        </dl>

                                    </div>
                                    <!-- 演出信息 end -->
                                </div>
                                <!-- 1 -->

                                <div class="itm-tab" rel="3">
                                    <!-- 购票说明 start -->
                                    <div class="m-infobase m-buydesc">
                                        <dl class="infoitm">
                                            <dt class="tt"><span class="txt">特别提示</span></dt>
                                            <dd>
                                                <h3 class="stt">售前提示</h3>
                                                <p>1.为避免快递配送不能及时送达，演出距开场时间少于3天时不提供【快递配送】服务，请您谅解！您可以选择电子票或在线支付后上门自取纸质票。
                                                    <a href="javascript:void(0)"
                                                       target="_blank" title="点击查看上门取票地址">点击查看上门取票地址&gt;&gt;</a></p>
                                            </dd>
                                            <dd>
                                                <p>2.凡演出票类商品，开票时间一般为演出前二到四周，正式开票后会第一时间短信通知您，请注意接收。</p>
                                            </dd>
                                            <dd>
                                                <p>
                                                    3.如您不是通过“选座购买”通道进行的票品购买，最终票品数量视项目主办方及场馆情况而定，正式开票后大麦网将根据用户付款先后顺序依次配票，可能存在票品不足不能为您配票的风险，如最终未能配票，大麦网承诺全额退款，但不承担其他损失。</p>
                                            </dd>
                                            <dd>
                                                <h3 class="stt">支付方式</h3>
                                                <p>网上银行（招商银行等） 支付平台（支付宝等） 转账汇款(招商银行等)　<a
                                                        href="javascript:void(0)"
                                                        target="_blank" title="查看详情">查看详情&gt;&gt;</a></p>
                                            </dd>
                                            <dd>
                                                <h3 class="stt">退/换货说明</h3>
                                                <p>针对不可抗力和非不可抗力的退/换票情况和处理，请点击查阅<a title="大麦网退换货说明" target="_blank"
                                                                                  href="javascript:void(0)">大麦网退换货说明&gt;&gt;</a>
                                                </p>
                                            </dd>
                                        </dl>
                                        <dl class="infoitm">
                                            <dt class="tt"><span class="txt">无线端购票</span></dt>
                                            <dd>
                                                <p>1. 使用智能设备用户在各应用商店中搜索"大麦"下载安装客户端，购票体验更流畅</p>
                                                <p>2. 非智能设备用户可浏览器访问m.damai.cn进行演出查询，随时购票</p>
                                            </dd>
                                            <dd class="appdown">
                                                <div class="applnk">
                                                    <a href="javascript:void(0)" target="_blank"
                                                       class="iphone">iphone版</a>
                                                    <a href="javascript:void(0)" target="_blank"
                                                       class="ipad">ipad版</a>
                                                    <a href="javascript:void(0)" target="_blank"
                                                       class="android">android版</a>
                                                </div>
                                            </dd>
                                        </dl>
                                        <dl class="infoitm">
                                            <dt class="tt"><span class="txt">网上订购</span></dt>
                                            <dd><img th:src="@{/damai/image/detail/process.jpg}"
                                                     src="../static/damai/image/detail/process.jpg"></dd>
                                        </dl>
                                        <dl class="infoitm" id="orderOnCompany">
                                            <dt class="tt"><span class="txt">上门订购</span></dt>
                                            <dd>
                                                <p>大麦网北京总部</p>
                                                <p>办公地址：北京市东城区东中街32号楼7层（东环广场街心花园对面） <a
                                                        href="javascript:void(0)"
                                                        class="c7" target="_blank" title="点击查看如何到达">点击查看如何到达</a></p>
                                                <p>营业时间：星期一至星期日9:00-18:00</p>
                                                <p>
                                                    支付说明：可用POS机刷卡、现金、预存；支票支付（需要支付等同现金，支票入账后返还）；上门购票也可使用：福利卡（福卡）收取3%手续费。特殊项目除外，具体以上门购票为准！
                                                    <a href="javascript:void(0)"
                                                       target="_blank" title="点击查看周边提款" class="c7">点击查看周边提款</a></p>
                                            </dd>
                                        </dl>
                                    </div>
                                    <!-- 购票说明 end -->
                                </div>
                                <div class="itm-tab" rel="4">
                                    <!-- 付款方式 start -->
                                    <div class="m-infobase m-paymode" style="display: block;">
                                        <dl class="infoitm">
                                            <dt class="tt"><span class="txt">在线支付</span></dt>
                                            <dd><p>支持多家网上银行、支付平台（支付宝、快钱、银联、微信支付等）在线支付，<a
                                                    href="javascript:void(0)" target="_blank">查看详情&gt;&gt;</a>
                                            </p></dd>
                                            <dd>
                                                <h3 class="stt">支付平台：</h3>
                                                <ul class="lst">
                                                    <li><img th:src="@{/damai/image/detail/2.jpg}" alt="支付宝"
                                                             style="display: inline;"
                                                             src="../static/damai/image/detail/2.jpg"></li>
                                                    <li><img th:src="@{/damai/image/detail/57.jpg}" alt="微信扫码支付"
                                                             style="display: inline;"
                                                             src="../static/damai/image/detail/57.jpg"></li>
                                                </ul>
                                            </dd>
                                            <dd>
                                                <h3 class="stt">网上银行：</h3>
                                                <ul class="lst">
                                                    <li><img th:src="@{/damai/image/detail/10.jpg}" alt="招商银行"
                                                             style="display: inline;"
                                                             src="../static/damai/image/detail/10.jpg"></li>
                                                    <li><img th:src="@{/damai/image/detail/11.jpg}" alt="中国建设银行"
                                                             style="display: inline;"
                                                             src="../static/damai/image/detail/11.jpg"></li>
                                                    <li><img th:src="@{/damai/image/detail/12.jpg}" alt="中国工商银行"
                                                             style="display: inline;"
                                                             src="../static/damai/image/detail/12.jpg"></li>
                                                    <li><img th:src="@{/damai/image/detail/13.jpg}" alt="交通银行"
                                                             style="display: inline;"
                                                             src="../static/damai/image/detail/13.jpg"></li>
                                                    <li><img th:src="@{/damai/image/detail/14.jpg}" alt="中国农业银行"
                                                             style="display: inline;"
                                                             src="../static/damai/image/detail/14.jpg"></li>
                                                    <li><img th:src="@{/damai/image/detail/15.jpg}" alt="广东发展银行"
                                                             style="display: inline;"
                                                             src="../static/damai/image/detail/15.jpg"></li>
                                                    <li><img th:src="@{/damai/image/detail/17.jpg}" alt="中国银行"
                                                             style="display: inline;"
                                                             src="../static/damai/image/detail/17.jpg"></li>
                                                    <li><img th:src="@{/damai/image/detail/23.jpg}" alt="上海浦东发展银行"
                                                             style="display: inline;"
                                                             src="../static/damai/image/detail/23.jpg"></li>
                                                </ul>
                                            </dd>
                                        </dl>
                                        <dl class="infoitm">
                                            <dt class="tt"><span class="txt">柜台付款</span></dt>
                                            <dd><p>您也可以选择就近的公司网点，到柜台直接付款购买，<a
                                                    href="javascript:void(0)" target="_blank">查看分公司上门地址&gt;&gt;</a>
                                            </p></dd>
                                        </dl>
                                    </div>
                                    <!-- 付款方式 end -->
                                </div>

                                <div class="itm-tab" rel="5">
                                    <!-- 先付先抢 start -->
                                    <div class="m-infobase m-payrob">
                                        <div class="infoitm">
                                            <dt class="tt"><span class="txt">详情介绍</span></dt>
                                            <dd>
                                                <p>
                                                    1.“先付先抢”是大麦网为广大用户推出的一项全新“特权”服务。凡是标有“先付先抢”活动图标的项目，只要在预售阶段付款成功，都将在正式开票前的2-24小时，获得优先于其他用户自主选座的权利。</p>
                                                <p>
                                                    2.付款成功后，您将在付款成功页面得到一个系统分配的排号，您也可以登录订单详情页面查看该号码。排号是完全按照付款成功的先后顺序分配，不区分票价。抢座开始前，会发送短信告知抢座时间，并对所有的排号进行分组，排号越靠前，被分入提前选座分组的机会越大，最大程度确保先付款用户的利益，所以，不要犹豫哦，马上占领先机！</p>
                                                <p>3.大麦网提供所有可售座位进行抢座，由用户自行选择；相对于传统预售配票，更加透明化，保证公平、公正、公开！</p>
                                                <p>4.如果因为时间关系或其他原因，未能及时参与抢座，您也无需担心。抢座结束后，大麦网工作人员会按照付款先后顺序依次挑选座位进行配票。</p>
                                                <p><a href="javascript:void(0)"
                                                      target="_blank"><img
                                                        alt=""></a></p>
                                            </dd>
                                        </div>
                                        <div class="infoitm">
                                            <dt class="tt"><span class="txt">无线端先付先抢详情</span></dt>
                                            <dd>
                                                <p>为方便用户随时随地抢票，大麦客户端同样支持先付先抢功能，且比网站更快更流畅的购买成功。</p>
                                                <p>请您按照如下提示下载大麦客户端：</p>
                                                <ul class="tab-ul-txt">
                                                    <li>iPhone、iPad、Android、Windows Phone等智能设备用户可在各应用市场（如App
                                                        Store、安卓市场等）搜索"大麦"进行下载安装
                                                    </li>
                                                    <li>无法安装客户端的用户可浏览器访问m.damai.cn进行购票。</li>
                                                </ul>
                                            </dd>
                                        </div>
                                        <div class="infoitm">
                                            <dt class="tt"><span class="txt">温馨提示</span></dt>
                                            <dd>
                                                <p>
                                                    1.现金支付、转账汇款、第三方渠道购买和上门付款的订单不支持本次抢座活动，付款成功后您将获得系统分配的排号，请您留意支付成功页面，或登录网站“订单管理-订单详情”查看排号；</p>
                                                <p>2.正式抢座从可以入场开始，直到抢座结束，期间任何时候都能进行抢座；</p>
                                                <p>3.部分手机或软件存在短信屏蔽功能，可能导致您收不到大麦网发送的短信提醒。</p>
                                                <div class="tab-grab-map-tis clear">
                                                    <a target="_blank" href="javascript:void(0)" class="mtn fl"><img
                                                            style="display:inline;"></a>
                                                    <a target="_blank"
                                                       href="javascript:void(0)"
                                                       class="fr"><img style="display: inline;"></a>
                                                </div>
                                            </dd>
                                        </div>
                                    </div>
                                    <!-- 先付先抢 end -->
                                </div>

                            </div>
                        </div>
                        <!-- 项目详情选项卡 end -->
                    </div>
                    <!-- 项目详情 end -->
                </div>
                <div class="sd">
                    <!--<div class="subitem">-->
                        <!--<ul>-->
                            <!--<li class="s-ion1">-->
                                <!--<a>-->
                                    <!--<p class="s-t1">大麦客户端</p>-->
                                    <!--<p class="s-t2">抢票神器！随时随地尊享优惠</p>-->
                                    <!--<span class="s-ewm" style="display: none;"><img-->
                                            <!--src="../static/damai/image/detail/kehuduan.png"><strong class="f14">比PC更迅猛</strong><br><strong>提前开抢</strong></span>-->
                                <!--</a>-->
                            <!--</li>-->
                        <!--</ul>-->
                    <!--</div>-->

                    <!-- 热门推荐 start -->
                    <div class="m-sdbox2-first" id="hotProjects"></div>
                    <!-- 热门推荐 end-->

                    <!-- 抢票速度榜 start -->
                    <!-- 抢票速度榜 end -->

                    <!-- 浏览历史 start -->
                    <div class="m-sdbox2 m-sdbox2-first m-history" id="lishiurl" style="display:none;">
                        <div class="hd">
                            <h2 class="tt">浏览历史</h2>
                        </div>
                        <div class="bd">
                            <ul class="m-sdlst"></ul>
                        </div>
                    </div>
                    <!-- 浏览历史 end -->


                    <!-- 大麦微博 start -->

                    <!-- 大麦微博 end -->

                </div>
            </div>
            <!-- 活动详情 end -->
        </div>

    </div>
</div>
<!--详情主体end-->

<!--页面底部start-->
<div class="g-ft">
    <div class="m-ft1">
        <div class="bd">
            <!-- 底部链接 start -->
            <div class="m-lnks">
                <a href="javascript:void(0)" target="_blank">帮助中心</a>
                |<a href="javascript:void(0)" target="_blank">公司介绍</a>
                |<a href="javascript:void(0)" target="_blank">品牌识别</a>
                |<a href="javascript:void(0)" target="_blank">大麦大事记</a>
                |<a href="javascript:void(0)" target="_blank">隐私权专项政策</a>
                |<a href="javascript:void(0)" target="_blank">廉正举报</a>
                |<a href="javascript:void(0)" target="_blank">联系合作</a>
                |<a href="javascript:void(0)" target="_blank">招聘信息</a>
                |<a href="javascript:void(0)" target="_blank">防骗秘籍</a>
            </div>
            <!-- 底部链接 end -->
        </div>
    </div>
    <div class="m-ft2">
        <div class="bd">
            <!-- 版权信息 start -->
            <div class="m-cprt">
                <p>
                    <a href="javascript:void(0)" target="_blank">京ICP证031057号</a><span>|</span>
                    <a href="javascript:void(0)" target="_blank">京ICP备11043884号</a><span>|</span>
                    <a href="javascript:void(0)" target="_blank">
                        <img src="../static/damai/image/detail/police.png"
                             th:src="@{/damai/image/detail/police.png}" class="vm">京公网安备11010102000430号
                    </a>
                    <a href="javascript:void(0)" target="_blank">广播电视节目制作经营许可证 (京)字第02253号</a>
                    <br>
                    <a href="javascript:void(0)" target="_blank">网络文化经营许可证 京网文[2016]3438-413号</a><span>|</span>
                    <a href="javascript:void(0)" target="_blank">营业性演出许可证 京市演587号</a>
                </p>
                <p>北京红马传媒文化发展有限公司 版权所有 大麦网 Copyright 2003-2018 All Rights Reserved</p>
                <p>
                    <a rel="nofollow" title="中国票务在线" target="_blank" href="/templates/index.html" th:href="@{/}">
                        <img class="mr10" alt="" src="../static/damai/image/detail/piao.png"
                             th:src="@{/damai/image/detail/piao.png}" style="display: inline;">
                    </a>
                    <a href="javascript:void(0)" target="_blank" title="电子营业执照" rel="nofollow">
                        <img alt="" class="mr10" src="../static/damai/image/detail/dzyy.png" th:src="@{/damai/image/detail/dzyy.png}" style="display: inline;">
                    </a>
                    <span id="siteseal">
		   <!--<script async="" type="text/javascript">-->
	<!--function verifySeal() {-->
        <!--var bgHeight = "null";-->
        <!--var bgWidth = "593";-->
        <!--var url = "https:\/\/seal.godaddy.com\/verifySeal?sealID=LU6rXPgk5BZ67ZEYpYS2JcN3AyCJOs6aD3HBo4dwA3iGeqp6csKFmqgB0zLL";-->
        <!--window.open(url,'SealVerfication','menubar=no,toolbar=no,personalbar=no,location=yes,status=no,resizable=yes,fullscreen=no,scrollbars=no,width=' + bgWidth + ',height=' + bgHeight);-->
    <!--}-->
<!--</script>-->
            <img style="cursor:pointer;cursor:hand" src="../static/damai/image/detail/siteseal_gd_3_h_l_m.gif" th:src="@{/damai/image/detail/siteseal_gd_3_h_l_m.gif}" onclick="verifySeal();" alt="SSL site seal - click to verify">
                    </span>
                    <a rel="nofollow" target="_blank" href="javascript:void(0)">
                        <img th:src="@{/damai/image/detail/pci.png}" class="mr10" src="../static/damai/image/detail/pci.png" style="display: inline;"></a>
                    <a rel="nofollow" target="_blank" href="javascript:void(0)">
                        <img th:src="@{/damai/image/detail/xin.png}" class="mr10" src="../static/damai/image/detail/xin.png" style="display: inline;"></a>
                    <a target="_blank" href="javascript:void(0)" id="___szfw_logo___">
                        <img th:src="@{/damai/image/detail/chengxin.png}" src="../static/damai/image/detail/chengxin.png" style="display: inline;"></a>
                </p>
            </div>
            <!-- 版权信息 end -->
        </div>
    </div>
</div>
<!--页面底部end-->

<!--侧边工具start-->
<div class="m-sdfix">
    <span class="itm weixin xiaonengService" style="cursor:pointer;">在线<br>客服</span>

    <a class="itm resch" target="_blank" href="javascript:void(0)">
        <i class="ico"></i>
        <span class="txt">调查问卷</span>
    </a>
    <a class="itm weixin" href="javascript:;" id="siteWeixinQR" style="">
        <i class="ico"></i>
        <span class="code">
            <img alt="北京站" src="../static/damai/image/detail/bjweixin.jpg" th:src="@{/damai/image/detail/bjweixin.jpg}"></span>
    </a>
    <a class="itm totop" href="javascript:;" id="gotop">
        <i class="ico"></i>
        <span class="txt">返回顶部</span>
    </a>
</div>
<!--侧边工具end-->
<script src="../static/js/jquery-3.3.1.min.js" th:src="@{/js/jquery-3.3.1.min.js}"></script>
<!--用于内容获取测试-->
<script th:inline="javascript">
    /*<![CDATA[*/
    // var basicDescription = [[${itemDTO.basicDescription}]];
    // var projectDescription = [[${itemDTO.projectDescription}]];
    // var reminderDescription = [[${itemDTO.reminderDescription}]]
    // $('#basicDescription').empty().append(basicDescription);
    // $('#projectDescription').empty().append(projectDescription);
    // $('#reminderDescription').empty().append(reminderDescription);
    /*]]>*/
</script>
<script th:inline="javascript">

    $(function () {
        // original图片内容转换到src
        $('#item-content img').each(function () {
            if($(this).attr('original')){
                $(this).attr('src', $(this).attr('original'));
            }
        });

        //售票时间轴处理
        var eventStatus = [[${itemDTO.state}]];
        $('#projectAxis').removeClass('m-timeline-1');
        $('#projectAxis').removeClass('m-timeline-2');
        $('#projectAxis').removeClass('m-timeline-3');
        $('#projectAxis').removeClass('m-timeline-4');
        $('#projectAxis .itm').removeClass('itm-crt');

        switch (eventStatus){
            case 1:
                $('#projectAxis').addClass('m-timeline-1');
                $('#projectAxis .line').css('width','0px');
                $('#projectAxis .itm-1').addClass('itm-crt');
                $('#projectAxis .itm-3 .txt').html('开始售票');
                break;
            case 2:
                $('#projectAxis').addClass('m-timeline-2');
                $('#projectAxis .line').css('width','145px');
                $('#projectAxis .itm-2').addClass('itm-crt');
                $('#projectAxis .itm-3 .txt').html('开始售票');
                break;
            case 3:
                $('#projectAxis').addClass('m-timeline-3');
                $('#projectAxis .line').css('width','290px');
                $('#projectAxis .itm-3').addClass('itm-crt');
                $('#projectAxis .itm-3 .txt').html('售票中');
                break;
            case 4:
                $('#projectAxis').addClass('m-timeline-4');
                $('#projectAxis .line').css('width','435px');
                $('#projectAxis .itm-4').addClass('itm-crt');
                $('#projectAxis .itm-3 .txt').html('售票中');
                break;

        }


        //活动时间选择
        $('#performList ul li').click(function () {
           // 贴标签
           $('#performList ul li') .removeClass('itm-sel');
           $(this).addClass('itm-sel');
           var scheduleId = $(this).attr('data-schedulers-id');

            //若活动状态为 1:待定 4 开始 则取消获取票价
            if(eventStatus == 1 || eventStatus == 4){
                return;
            }
           // 后台重新获取价格进行渲染
           $.ajax({
               url:'/detail/queryPrice/'+scheduleId,
               type:'get',
               success:function (data) {
                   listPrice(data,scheduleId);
               }
           })
        });

        //购票之前,先选场次
        $(document).on('click','#priceList li',function () {

            if(!$('#performList li').hasClass('itm-sel')){
                alert('请先选择活动时间!');
                return;
            }

        });


        //购票之前,先选场次和价格
        $(document).on('click','#btnXuanzuo',function () {
            if(!$('#performList li').hasClass('itm-sel') || !$('#priceList li').hasClass('itm-sel')){
                alert('请先选择活动时间和价格!');
                return;
            }

            //获取场次ID和区域值
            var scheduleId = $('#performList ul .itm-sel').attr('data-schedulers-id');
            var areaLevel = $('#priceList ul .itm-sel').attr('data-arealevel');

            if(scheduleId != null && scheduleId != '' && areaLevel != null && areaLevel != ''){
                buyTicket(scheduleId,areaLevel);
            }
        });


        //活动 说明 支付 页面切换
        $('#m-infonav li .itm-tab').click(function () {

            //去除class显示标记
            $('#m-infonav li a').removeClass('z-crt');
            $('#m-infonav .bd div').removeClass('z-show');

            //点击的添加class显示标记
            var idx = $(this).attr('data-idx');
            $(this).addClass('z-crt');

            //内容显示获取rel值,根据idx和rel的值判断
            var rel = [];
            $('#item-content div').each(function () {
                rel.push($(this).attr('rel'));
            });

            for(var i = 0;i < rel.length ; i++){
                if(idx == rel[i]){
                    $('#item-content div[rel="'+rel[i]+'"]').addClass('z-show');
                }
            }
        });

    //    登录状态变更,添加下拉菜单
        var userStatus = [[${session.user}]];
        if(userStatus != null && userStatus != ''){
            $('#userBoxLi').mouseover(function () {
                $('#userBox').addClass('m-sign-act');
                $('#myMenu').addClass('z-show').css('display','block');
            });
            $('#userBoxLi').mouseout(function () {
                $('#userBox').removeClass('m-sign-act');
                $('#myMenu').removeClass('z-show').css('display','none');
            });
        }

        //搜索
        $('#btnSearch').click(function () {
            var searchName = $('#txtSearchText').val();
            window.location = '/search/content?searchName='+searchName;
        })

    });

    //场次渲染
    function listPrice(data,scheduleId){
        var html = '';
        for(var i = 0;i<data.length;i++){
            if(data[i].seatNum == "0"){
                html += '<li class="itm itm-oos">\n' +
                    '   <a href="javascript:;">\n' +
                    '       <span class="price" >'+data[i].price+'元</span>\n' +
                    '   </a>\n' +
                    '</li>'
            }else {
                html += '<li class="itm" data-arealevel="'+data[i].areaLevel+'">\n' +
                    '   <a href="javascript:;">\n' +
                    '       <span class="price" >'+data[i].price+'元</span>\n' +
                    '   </a>\n' +
                    '</li>'
            }
        }
        $('#priceList .ct .lst').empty().append(html);
        choose(scheduleId);

    }

    //选择票价
    function choose(data) {
        $('#priceList ul li').click(function () {
            if(!$(this).hasClass('itm-oos')){
                $('#priceList ul li') .removeClass('itm-sel');
                $(this).addClass('itm-sel');
            }
        });
    }

    //购票
    function buyTicket(scheduleId,areaLevel) {
        /*<![CDATA[*/
        var itemId = [[${itemDTO.id}]];
        /*]]>*/
        window.location = '/order/multi/confirm?schedulerId='+scheduleId+'&itemId='+itemId+'&totalCount=1&areaLevel='+areaLevel;
    }


</script>

</body>
</html>